<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h3>工作经历</h3>
		<hr >
		<div id="div1">
			公司名称:<input type="text" name="" id="" value="" />
			职位:<input type="text" name="" id="" value="" />
			<a href="#"  onclick="deletework();">删除工作经历</a>
			<br />
			<br />
			<table>
				<tr>
					<td>工作职责及工作内容描述:</td>
					<td><textarea rows="10px" cols="100px">
					</textarea></td>
				</tr>
			</table>
			<hr >
		</div>
		<a href="#"  style="float: right;" onclick="addwork()">添加工作经历</a>
	</body>
	<script type="text/javascript">
		function addwork(){
			var obj=document.getElementById('div1');
			obj.innerHTML+=`
			<div id='div2'>
			<h3>工作经历</h3>
			<hr >
				公司名称:<input type="text" name="" id="" value="" />
				职位:<input type="text" name="" id="" value="" />
				<a href="#"  onclick="deletework()">删除工作经历</a>
				<br />
				<br />
				<table>
					<tr>
						<td>工作职责及工作内容描述:</td>
						<td><textarea rows="10px" cols="100px">
						</textarea></td>
					</tr>
				</table>
				<hr >
			</div>
			`
		}
		function deletework(){
			var aa=document.getElementById('div1')
			var bb=document.getElementById('div2')
			aa.remove('bb')
		}
	</script>
</html>
